<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>__TITLE__</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="msapplication-tap-highlight" content="no">
		<meta content="telephone=no" name="format-detection">
		<link rel="stylesheet" href="__PUBLIC__/assets/css/utuo.mobile.css?67">
		<script src="__PUBLIC__/assets/libs/avalon/avalon.mobile.js" charset="utf-8"></script>
		<script type="text/javascript">
		    var vars = {:json_encode($vars)};
			var path = "{$path}";
			var navLists = [{
				id: "nav-page-home",
				href: "__MODULE__/Mall/index/sid/{$sid}",
				icon: "icon-home",
				name: "微信商城",
				active: path == "Mall/index"
			}, {
				id: "nav-page-try",
				href: "__MODULE__/MallTry/index/sid/{$sid}",
				icon: "icon-heart",
				name: "免费试用",
				active: path == "MallTry/index"
			}, {
				id: "nav-page-achivement",
				href: "__MODULE__/Mall/achivement/sid/{$sid}",
				icon: "icon-th-list",
				name: "我的业绩",
				active: path == "Mall/achivement"
			}, {
				id: "nav-page-my",
				href: "__MODULE__/Mall/my/sid/{$sid}",
				icon: "icon-personal",
				name: "个人中心",
				active: path == "Mall/my"
			}];
		</script>
	</head>

	<body class="bg-gray-lighter">
		<!-- nav bar start -->
		<div class="footer footer-lg" ms-controller="footer">
			<a class="nav block-icon" ms-repeat="navLists" ms-attr-id="el.id" ms-class-active="el.active" ms-attr-href="el.href" data-rel="auto"><span ms-class="{{el.icon}}"></span>{{el.name}}</a>
		</div>
		<script type="text/javascript">
			avalon.ready(function() {
				avalon.define({
					$id: 'footer',
					navLists: navLists
				})
				avalon.scan()
			})
		</script>
		<!-- nav bar end -->
		<!-- content start -->
		{__CONTENT__}
		<!-- content end -->

	</body>

</html>